<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Vendor styles -->
        <link rel="stylesheet" href="vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css">
        <link rel="stylesheet" href="vendors/bower_components/animate.css/animate.min.css">
        <link rel="stylesheet" href="vendors/bower_components/jquery.scrollbar/jquery.scrollbar.css">

        <!-- App styles -->
        <link rel="stylesheet" href="css/app.min.css">

        <!-- Demo -->
        <link rel="stylesheet" href="demo/css/demo.css">
    </head>

    <body data-sa-theme="1">
        <main class="main">
            <div class="page-loader">
                <div class="page-loader__spinner">
                    <svg viewBox="25 25 50 50">
                        <circle cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
                    </svg>
                </div>
            </div>

            <header class="header">
                <div class="navigation-trigger hidden-xl-up" data-sa-action="aside-open" data-sa-target=".sidebar">
                    <i class="zmdi zmdi-menu"></i>
                </div>

                <div class="logo hidden-sm-down">
                    <h1><a href="index.html">Super Admin 2.0</a></h1>
                </div>

                <form class="search">
                    <div class="search__inner">
                        <input type="text" class="search__text" placeholder="Search for people, files, documents...">
                        <i class="zmdi zmdi-search search__helper" data-sa-action="search-close"></i>
                    </div>
                </form>

                <ul class="top-nav">
                    <li class="hidden-xl-up"><a href="" data-sa-action="search-open"><i class="zmdi zmdi-search"></i></a></li>

                    <li class="dropdown">
                        <a href="" data-toggle="dropdown" class="top-nav__notify"><i class="zmdi zmdi-email"></i></a>
                        <div class="dropdown-menu dropdown-menu-right dropdown-menu--block">
                            <div class="dropdown-header">
                                Messages

                                <div class="actions">
                                    <a href="messages.html" class="actions__item zmdi zmdi-plus"></a>
                                </div>
                            </div>

                            <div class="listview listview--hover">
                                <a href="" class="listview__item">
                                    <img src="demo/img/profile-pics/1.jpg" class="listview__img" alt="">

                                    <div class="listview__content">
                                        <div class="listview__heading">
                                            David Belle <small>12:01 PM</small>
                                        </div>
                                        <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <img src="demo/img/profile-pics/2.jpg" class="listview__img" alt="">

                                    <div class="listview__content">
                                        <div class="listview__heading">
                                            Jonathan Morris
                                            <small>02:45 PM</small>
                                        </div>
                                        <p>Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</p>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <img src="demo/img/profile-pics/3.jpg" class="listview__img" alt="">

                                    <div class="listview__content">
                                        <div class="listview__heading">
                                            Fredric Mitchell Jr.
                                            <small>08:21 PM</small>
                                        </div>
                                        <p>Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</p>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <img src="demo/img/profile-pics/4.jpg" class="listview__img" alt="">

                                    <div class="listview__content">
                                        <div class="listview__heading">
                                            Glenn Jecobs
                                            <small>08:43 PM</small>
                                        </div>
                                        <p>Ut vitae lacus sem ellentesque maximus, nunc sit amet varius dignissim, dui est consectetur neque</p>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <img src="demo/img/profile-pics/5.jpg" class="listview__img" alt="">

                                    <div class="listview__content">
                                        <div class="listview__heading">
                                            Bill Phillips
                                            <small>11:32 PM</small>
                                        </div>
                                        <p>Proin laoreet commodo eros id faucibus. Donec ligula quam, imperdiet vel ante placerat</p>
                                    </div>
                                </a>

                                <a href="" class="view-more">View all messages</a>
                            </div>
                        </div>
                    </li>

                    <li class="dropdown top-nav__notifications">
                        <a href="" data-toggle="dropdown" class="top-nav__notify">
                            <i class="zmdi zmdi-notifications"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right dropdown-menu--block">
                            <div class="dropdown-header">
                                Notifications

                                <div class="actions">
                                    <a href="" class="actions__item zmdi zmdi-check-all" data-sa-action="notifications-clear"></a>
                                </div>
                            </div>

                            <div class="listview listview--hover">
                                <div class="listview__scroll scrollbar-inner">
                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/1.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">David Belle</div>
                                            <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                        </div>
                                    </a>

                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/2.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">Jonathan Morris</div>
                                            <p>Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</p>
                                        </div>
                                    </a>

                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/3.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">Fredric Mitchell Jr.</div>
                                            <p>Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</p>
                                        </div>
                                    </a>

                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/4.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">Glenn Jecobs</div>
                                            <p>Ut vitae lacus sem ellentesque maximus, nunc sit amet varius dignissim, dui est consectetur neque</p>
                                        </div>
                                    </a>

                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/5.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">Bill Phillips</div>
                                            <p>Proin laoreet commodo eros id faucibus. Donec ligula quam, imperdiet vel ante placerat</p>
                                        </div>
                                    </a>

                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/1.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">David Belle</div>
                                            <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                        </div>
                                    </a>

                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/2.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">Jonathan Morris</div>
                                            <p>Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</p>
                                        </div>
                                    </a>

                                    <a href="" class="listview__item">
                                        <img src="demo/img/profile-pics/3.jpg" class="listview__img" alt="">

                                        <div class="listview__content">
                                            <div class="listview__heading">Fredric Mitchell Jr.</div>
                                            <p>Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</p>
                                        </div>
                                    </a>
                                </div>

                                <div class="p-1"></div>
                            </div>
                        </div>
                    </li>

                    <li class="dropdown hidden-xs-down">
                        <a href="" data-toggle="dropdown"><i class="zmdi zmdi-check-circle"></i></a>

                        <div class="dropdown-menu dropdown-menu-right dropdown-menu--block" role="menu">
                            <div class="dropdown-header">Tasks</div>

                            <div class="listview listview--hover">
                                <a href="" class="listview__item">
                                    <div class="listview__content">
                                        <div class="listview__heading">HTML5 Validation Report</div>

                                        <div class="progress mt-1">
                                            <div class="progress-bar bg-primary" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <div class="listview__content">
                                        <div class="listview__heading">Google Chrome Extension</div>

                                        <div class="progress mt-1">
                                            <div class="progress-bar bg-warning" style="width: 43%" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <div class="listview__content">
                                        <div class="listview__heading">Social Intranet Projects</div>

                                        <div class="progress mt-1">
                                            <div class="progress-bar bg-success" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <div class="listview__content">
                                        <div class="listview__heading">Bootstrap Admin Template</div>

                                        <div class="progress mt-1">
                                            <div class="progress-bar bg-info" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </a>

                                <a href="" class="listview__item">
                                    <div class="listview__content">
                                        <div class="listview__heading">Youtube Client App</div>

                                        <div class="progress mt-1">
                                            <div class="progress-bar bg-danger" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </a>

                                <a href="" class="view-more">View all Tasks</a>
                            </div>
                        </div>
                    </li>

                    <li class="dropdown hidden-xs-down">
                        <a href="" data-toggle="dropdown"><i class="zmdi zmdi-apps"></i></a>

                        <div class="dropdown-menu dropdown-menu-right dropdown-menu--block" role="menu">
                            <div class="row app-shortcuts">
                                <a class="col-4 app-shortcuts__item" href="">
                                    <i class="zmdi zmdi-calendar"></i>
                                    <small class="">Calendar</small>
                                </a>
                                <a class="col-4 app-shortcuts__item" href="">
                                    <i class="zmdi zmdi-file-text"></i>
                                    <small class="">Files</small>
                                </a>
                                <a class="col-4 app-shortcuts__item" href="">
                                    <i class="zmdi zmdi-email"></i>
                                    <small class="">Email</small>
                                </a>
                                <a class="col-4 app-shortcuts__item" href="">
                                    <i class="zmdi zmdi-trending-up"></i>
                                    <small class="">Reports</small>
                                </a>
                                <a class="col-4 app-shortcuts__item" href="">
                                    <i class="zmdi zmdi-view-headline"></i>
                                    <small class="">News</small>
                                </a>
                                <a class="col-4 app-shortcuts__item" href="">
                                    <i class="zmdi zmdi-image"></i>
                                    <small class="">Gallery</small>
                                </a>
                            </div>
                        </div>
                    </li>

                    <li class="dropdown hidden-xs-down">
                        <a href="" data-toggle="dropdown"><i class="zmdi zmdi-more-vert"></i></a>

                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="" class="dropdown-item" data-sa-action="fullscreen">Fullscreen</a>
                            <a href="" class="dropdown-item">Clear Local Storage</a>
                            <a href="" class="dropdown-item">Settings</a>
                        </div>
                    </li>

                    <li class="hidden-xs-down">
                        <a href="" class="top-nav__themes" data-sa-action="aside-open" data-sa-target=".themes"><i class="zmdi zmdi-palette"></i></a>
                    </li>
                </ul>

                <div class="clock hidden-md-down">
                    <div class="time">
                        <span class="time__hours"></span>
                        <span class="time__min"></span>
                        <span class="time__sec"></span>
                    </div>
                </div>
            </header>

            <aside class="sidebar">
                <div class="scrollbar-inner">

                    <div class="user">
                        <div class="user__info" data-toggle="dropdown">
                            <img class="user__img" src="demo/img/profile-pics/8.jpg" alt="">
                            <div>
                                <div class="user__name">Malinda Hollaway</div>
                                <div class="user__email">malinda-h@gmail.com</div>
                            </div>
                        </div>

                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="">View Profile</a>
                            <a class="dropdown-item" href="">Settings</a>
                            <a class="dropdown-item" href="">Logout</a>
                        </div>
                    </div>

                    <ul class="navigation">
                        <li class="@@indexactive"><a href="index.html"><i class="zmdi zmdi-home"></i> Home</a></li>

                        <li class="navigation__sub @@variantsactive">
                            <a href=""><i class="zmdi zmdi-view-week"></i> Variants</a>

                            <ul>
                                <li class="@@sidebaractive"><a href="hidden-sidebar.html">Hidden Sidebar</a></li>
                                <li class="@@boxedactive"><a href="boxed-layout.html">Boxed Layout</a></li>
                                <li class="@@hiddensidebarboxedactive"><a href="hidden-sidebar-boxed-layout.html">Boxed Layout with Hidden Sidebar</a></li>
                            </ul>
                        </li>

                        <li class="@@typeactive"><a href="typography.html"><i class="zmdi zmdi-format-underlined"></i> Typography</a></li>

                        <li class="@@widgetactive"><a href="widgets.html"><i class="zmdi zmdi-widgets"></i> Widgets</a></li>

                        <li class="navigation__sub @@tableactive">
                            <a href=""><i class="zmdi zmdi-view-list"></i> Tables</a>

                            <ul>
                                <li class="@@normaltableactive"><a href="html-table.html">HTML Table</a></li>
                                <li class="@@datatableactive"><a href="data-table.html">Data Table</a></li>
                            </ul>
                        </li>

                        <li class="navigation__sub @@formactive">
                            <a href=""><i class="zmdi zmdi-collection-text"></i> Forms</a>

                            <ul>
                                <li class="@@formelementactive"><a href="form-elements.html">Basic Form Elements</a></li>
                                <li class="@@formcomponentactive"><a href="form-components.html">Form Components</a></li>
                                <li class="@@formvalidationactive"><a href="form-validation.html">Form Validation</a></li>
                            </ul>
                        </li>

                        <li class="navigation__sub navigation__sub--active navigation__sub--toggled">
                            <a href=""><i class="zmdi zmdi-swap-alt"></i> User Interface</a>

                            <ul>
                                <li class="@@colorsactive"><a href="colors.html">Colors</a></li>
                                <li class="@@cssanimationsactive"><a href="css-animations.html">CSS Animations</a></li>
                                <li class="@@buttonsactive"><a href="buttons.html">Buttons</a></li>
                                <li class="navigation__active"><a href="icons.html">Icons</a></li>
                                <li class="@@listviewactive"><a href="listview.html">Listview</a></li>
                                <li class="@@toolbarsactive"><a href="toolbars.html">Toolbars</a></li>
                                <li class="@@cardsactive"><a href="cards.html">Cards</a></li>
                                <li class="@@alertactive"><a href="alerts.html">Alerts</a></li>
                                <li class="@@badgesactive"><a href="badges.html">Badges</a></li>
                                <li class="@@breadcrumbsactive"><a href="breadcrumbs.html">Bredcrumbs</a></li>
                                <li class="@@jumbotronactive"><a href="jumbotron.html">Jumbotron</a></li>
                                <li class="@@navsactive"><a href="navs.html">Navs</a></li>
                                <li class="@@paginationactive"><a href="pagination.html">Pagination</a></li>
                                <li class="@@progressactive"><a href="progress.html">Progress</a></li>
                            </ul>
                        </li>

                        <li class="navigation__sub @@componentsactive">
                            <a href=""><i class="zmdi zmdi-group-work"></i> Javascript Components</a>

                            <ul class="navigation__sub">
                                <li class="@@carouselactive"><a href="carousel.html">Carousel</a></li>
                                <li class="@@collapseactive"><a href="collapse.html">Collapse</a></li>
                                <li class="@@dropdownsactive"><a href="dropdowns.html">Dropdowns</a></li>
                                <li class="@@modalsactive"><a href="modals.html">Modals</a></li>
                                <li class="@@popoveractive"><a href="popover.html">Popover</a></li>
                                <li class="@@tabsactive"><a href="tabs.html">Tabs</a></li>
                                <li class="@@tooltipsactive"><a href="tooltips.html">Tooltips</a></li>
                                <li class="@@notificationsactive"><a href="notifications-alerts.html">Notifications & Alerts</a></li>
                                <li class="@@treeactive"><a href="treeview.html">Tree View</a></li>
                            </ul>
                        </li>

                        <li class="navigation__sub @@chartsactive">
                            <a href=""><i class="zmdi zmdi-trending-up"></i> Charts</a>

                            <ul>
                                <li class="@@flotchartsactive"><a href="flot-charts.html">Flot</a></li>
                                <li class="@@otherchartsactive"><a href="other-charts.html">Other Charts</a></li>
                            </ul>
                        </li>

                        <li class="@@calendaractive"><a href="calendar.html"><i class="zmdi zmdi-calendar"></i> Calendar</a></li>

                        <li class="@@photogalleryactive"><a href="photo-gallery.html"><i class="zmdi zmdi-image"></i> Photo Gallery</a></li>

                        <li class="navigation__sub @@samplepagesactive">
                            <a href=""><i class="zmdi zmdi-collection-item"></i> Sample Pages</a>

                            <ul>
                                <li class="@@profileactive"><a href="profile-about.html">Profile</a></li>
                                <li class="@@messagesactive"><a href="messages.html">Messages</a></li>
                                <li class="@@contactsactive"><a href="contacts.html">Contacts</a></li>
                                <li class="@@newcontactsactive"><a href="new-contact.html">New Contact</a></li>
                                <li class="@@groupsactive"><a href="groups.html">Groups</a></li>
                                <li class="@@pricingtablesactive"><a href="pricing-tables.html">Pricing Tables</a></li>
                                <li class="@@invoiceactive"><a href="invoice.html">Invoice</a></li>
                                <li class="@@todoactive"><a href="todo-lists.html">Todo Lists</a></li>
                                <li class="@@notesactive"><a href="notes.html">Notes</a></li>
                                <li class="@@searchresultsactive"><a href="search-results.html">Search Results</a></li>
                                <li class="@@issuesactive"><a href="issue-tracker.html">Issues Tracker</a></li>
                                <li class="@@faqactive"><a href="faq.html">FAQ</a></li>
                                <li class="@@teamactive"><a href="team.html">Team</a></li>
                                <li class="@@blogactive"><a href="blog.html">Blog</a></li>
                                <li class="@@blogdetailactive"><a href="blog-detail.html">Blog Detail</a></li>
                                <li class="@@qaactive"><a href="questions-answers.html">Questions & Answers</a></li>
                                <li class="@@qadetailactive"><a href="questions-answers-details.html">Questions & Answers Details</a></li>
                                <li class="@@loginactive"><a href="login.html">Login & SignUp</a></li>
                                <li class="@@lockscreenactive"><a href="lockscreen.html">Lockscreen</a></li>
                                <li class="@@lockscreenactive"><a href="404.html">404</a></li>
                                <li class="@@emptyactive"><a href="empty.html">Empty Page</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </aside>

            <div class="themes">
    <div class="scrollbar-inner">
        <a href="" class="themes__item active" data-sa-value="1"><img src="img/bg/1.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="2"><img src="img/bg/2.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="3"><img src="img/bg/3.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="4"><img src="img/bg/4.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="5"><img src="img/bg/5.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="6"><img src="img/bg/6.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="7"><img src="img/bg/7.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="8"><img src="img/bg/8.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="9"><img src="img/bg/9.jpg" alt=""></a>
        <a href="" class="themes__item" data-sa-value="10"><img src="img/bg/10.jpg" alt=""></a>
    </div>
</div>

            <section class="content">
                <div class="content__inner">
                    <header class="content__title">
                        <h1>MATERIAL DESIGN ICONIC FONT 2.2.0</h1>
                        <small>Material Design Iconic Font is a full suite of official material design icons (created and maintained by Google), with additional community-designed icons and brands icons for easy scalable vector graphics on websites or desktop.</small>

                        <div class="actions">
                            <a href="" class="actions__item zmdi zmdi-trending-up"></a>
                            <a href="" class="actions__item zmdi zmdi-check-all"></a>

                            <div class="dropdown actions__item">
                                <i data-toggle="dropdown" class="zmdi zmdi-more-vert"></i>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a href="" class="dropdown-item">Refresh</a>
                                    <a href="" class="dropdown-item">Manage Widgets</a>
                                    <a href="" class="dropdown-item">Settings</a>
                                </div>
                            </div>
                        </div>
                    </header>

                    <div class="card icons-demo">
                        <div class="card-body">
                            <h4 class="card-title">Web Application</h4>

                            <div class="row">
                                <div class="col-sm-4" data-name="3d-rotation" data-code="f101"><span><i class="zmdi zmdi-3d-rotation zmdi-hc-fw"></i> <span>3d-rotation</span></span></div>

                                <div class="col-sm-4" data-name="airplane-off" data-code="f102"><span><i class="zmdi zmdi-airplane-off zmdi-hc-fw"></i> <span>airplane-off</span></span></div>

                                <div class="col-sm-4" data-name="airplane" data-code="f103"><span><i class="zmdi zmdi-airplane zmdi-hc-fw"></i> <span>airplane</span></span></div>

                                <div class="col-sm-4" data-name="album" data-code="f104"><span><i class="zmdi zmdi-album zmdi-hc-fw"></i> <span>album</span></span></div>

                                <div class="col-sm-4" data-name="archive" data-code="f105"><span><i class="zmdi zmdi-archive zmdi-hc-fw"></i> <span>archive</span></span></div>

                                <div class="col-sm-4" data-name="assignment-account" data-code="f106"><span><i class="zmdi zmdi-assignment-account zmdi-hc-fw"></i> <span>assignment-account</span></span></div>

                                <div class="col-sm-4" data-name="assignment-alert" data-code="f107"><span><i class="zmdi zmdi-assignment-alert zmdi-hc-fw"></i> <span>assignment-alert</span></span></div>

                                <div class="col-sm-4" data-name="assignment-check" data-code="f108"><span><i class="zmdi zmdi-assignment-check zmdi-hc-fw"></i> <span>assignment-check</span></span></div>

                                <div class="col-sm-4" data-name="assignment-o" data-code="f109"><span><i class="zmdi zmdi-assignment-o zmdi-hc-fw"></i> <span>assignment-o</span></span></div>

                                <div class="col-sm-4" data-name="assignment-return" data-code="f10a"><span><i class="zmdi zmdi-assignment-return zmdi-hc-fw"></i> <span>assignment-return</span></span></div>

                                <div class="col-sm-4" data-name="assignment-returned" data-code="f10b"><span><i class="zmdi zmdi-assignment-returned zmdi-hc-fw"></i> <span>assignment-returned</span></span></div>

                                <div class="col-sm-4" data-name="assignment" data-code="f10c"><span><i class="zmdi zmdi-assignment zmdi-hc-fw"></i> <span>assignment</span></span></div>

                                <div class="col-sm-4" data-name="attachment-alt" data-code="f10d"><span><i class="zmdi zmdi-attachment-alt zmdi-hc-fw"></i> <span>attachment-alt</span></span></div>

                                <div class="col-sm-4" data-name="attachment" data-code="f10e"><span><i class="zmdi zmdi-attachment zmdi-hc-fw"></i> <span>attachment</span></span></div>

                                <div class="col-sm-4" data-name="audio" data-code="f10f"><span><i class="zmdi zmdi-audio zmdi-hc-fw"></i> <span>audio</span></span></div>

                                <div class="col-sm-4" data-name="badge-check" data-code="f110"><span><i class="zmdi zmdi-badge-check zmdi-hc-fw"></i> <span>badge-check</span></span></div>

                                <div class="col-sm-4" data-name="balance-wallet" data-code="f111"><span><i class="zmdi zmdi-balance-wallet zmdi-hc-fw"></i> <span>balance-wallet</span></span></div>

                                <div class="col-sm-4" data-name="balance" data-code="f112"><span><i class="zmdi zmdi-balance zmdi-hc-fw"></i> <span>balance</span></span></div>

                                <div class="col-sm-4" data-name="battery-alert" data-code="f113"><span><i class="zmdi zmdi-battery-alert zmdi-hc-fw"></i> <span>battery-alert</span></span></div>

                                <div class="col-sm-4" data-name="battery-flash" data-code="f114"><span><i class="zmdi zmdi-battery-flash zmdi-hc-fw"></i> <span>battery-flash</span></span></div>

                                <div class="col-sm-4" data-name="battery-unknown" data-code="f115"><span><i class="zmdi zmdi-battery-unknown zmdi-hc-fw"></i> <span>battery-unknown</span></span></div>

                                <div class="col-sm-4" data-name="battery" data-code="f116"><span><i class="zmdi zmdi-battery zmdi-hc-fw"></i> <span>battery</span></span></div>

                                <div class="col-sm-4" data-name="bike" data-code="f117"><span><i class="zmdi zmdi-bike zmdi-hc-fw"></i> <span>bike</span></span></div>

                                <div class="col-sm-4" data-name="block-alt" data-code="f118"><span><i class="zmdi zmdi-block-alt zmdi-hc-fw"></i> <span>block-alt</span></span></div>

                                <div class="col-sm-4" data-name="block" data-code="f119"><span><i class="zmdi zmdi-block zmdi-hc-fw"></i> <span>block</span></span></div>

                                <div class="col-sm-4" data-name="boat" data-code="f11a"><span><i class="zmdi zmdi-boat zmdi-hc-fw"></i> <span>boat</span></span></div>

                                <div class="col-sm-4" data-name="book-image" data-code="f11b"><span><i class="zmdi zmdi-book-image zmdi-hc-fw"></i> <span>book-image</span></span></div>

                                <div class="col-sm-4" data-name="book" data-code="f11c"><span><i class="zmdi zmdi-book zmdi-hc-fw"></i> <span>book</span></span></div>

                                <div class="col-sm-4" data-name="bookmark-outline" data-code="f11d"><span><i class="zmdi zmdi-bookmark-outline zmdi-hc-fw"></i> <span>bookmark-outline</span></span></div>

                                <div class="col-sm-4" data-name="bookmark" data-code="f11e"><span><i class="zmdi zmdi-bookmark zmdi-hc-fw"></i> <span>bookmark</span></span></div>

                                <div class="col-sm-4" data-name="brush" data-code="f11f"><span><i class="zmdi zmdi-brush zmdi-hc-fw"></i> <span>brush</span></span></div>

                                <div class="col-sm-4" data-name="bug" data-code="f120"><span><i class="zmdi zmdi-bug zmdi-hc-fw"></i> <span>bug</span></span></div>

                                <div class="col-sm-4" data-name="bus" data-code="f121"><span><i class="zmdi zmdi-bus zmdi-hc-fw"></i> <span>bus</span></span></div>

                                <div class="col-sm-4" data-name="cake" data-code="f122"><span><i class="zmdi zmdi-cake zmdi-hc-fw"></i> <span>cake</span></span></div>

                                <div class="col-sm-4" data-name="car-taxi" data-code="f123"><span><i class="zmdi zmdi-car-taxi zmdi-hc-fw"></i> <span>car-taxi</span></span></div>

                                <div class="col-sm-4" data-name="car-wash" data-code="f124"><span><i class="zmdi zmdi-car-wash zmdi-hc-fw"></i> <span>car-wash</span></span></div>

                                <div class="col-sm-4" data-name="car" data-code="f125"><span><i class="zmdi zmdi-car zmdi-hc-fw"></i> <span>car</span></span></div>

                                <div class="col-sm-4" data-name="card-giftcard" data-code="f126"><span><i class="zmdi zmdi-card-giftcard zmdi-hc-fw"></i> <span>card-giftcard</span></span></div>

                                <div class="col-sm-4" data-name="card-membership" data-code="f127"><span><i class="zmdi zmdi-card-membership zmdi-hc-fw"></i> <span>card-membership</span></span></div>

                                <div class="col-sm-4" data-name="card-travel" data-code="f128"><span><i class="zmdi zmdi-card-travel zmdi-hc-fw"></i> <span>card-travel</span></span></div>

                                <div class="col-sm-4" data-name="card" data-code="f129"><span><i class="zmdi zmdi-card zmdi-hc-fw"></i> <span>card</span></span></div>

                                <div class="col-sm-4" data-name="case-check" data-code="f12a"><span><i class="zmdi zmdi-case-check zmdi-hc-fw"></i> <span>case-check</span></span></div>

                                <div class="col-sm-4" data-name="case-download" data-code="f12b"><span><i class="zmdi zmdi-case-download zmdi-hc-fw"></i> <span>case-download</span></span></div>

                                <div class="col-sm-4" data-name="case-play" data-code="f12c"><span><i class="zmdi zmdi-case-play zmdi-hc-fw"></i> <span>case-play</span></span></div>

                                <div class="col-sm-4" data-name="case" data-code="f12d"><span><i class="zmdi zmdi-case zmdi-hc-fw"></i> <span>case</span></span></div>

                                <div class="col-sm-4" data-name="cast-connected" data-code="f12e"><span><i class="zmdi zmdi-cast-connected zmdi-hc-fw"></i> <span>cast-connected</span></span></div>

                                <div class="col-sm-4" data-name="cast" data-code="f12f"><span><i class="zmdi zmdi-cast zmdi-hc-fw"></i> <span>cast</span></span></div>

                                <div class="col-sm-4" data-name="chart-donut" data-code="f130"><span><i class="zmdi zmdi-chart-donut zmdi-hc-fw"></i> <span>chart-donut</span></span></div>

                                <div class="col-sm-4" data-name="chart" data-code="f131"><span><i class="zmdi zmdi-chart zmdi-hc-fw"></i> <span>chart</span></span></div>

                                <div class="col-sm-4" data-name="city-alt" data-code="f132"><span><i class="zmdi zmdi-city-alt zmdi-hc-fw"></i> <span>city-alt</span></span></div>

                                <div class="col-sm-4" data-name="city" data-code="f133"><span><i class="zmdi zmdi-city zmdi-hc-fw"></i> <span>city</span></span></div>

                                <div class="col-sm-4" data-name="close-circle-o" data-code="f134"><span><i class="zmdi zmdi-close-circle-o zmdi-hc-fw"></i> <span>close-circle-o</span></span></div>

                                <div class="col-sm-4" data-name="close-circle" data-code="f135"><span><i class="zmdi zmdi-close-circle zmdi-hc-fw"></i> <span>close-circle</span></span></div>

                                <div class="col-sm-4" data-name="close" data-code="f136"><span><i class="zmdi zmdi-close zmdi-hc-fw"></i> <span>close</span></span></div>

                                <div class="col-sm-4" data-name="cocktail" data-code="f137"><span><i class="zmdi zmdi-cocktail zmdi-hc-fw"></i> <span>cocktail</span></span></div>

                                <div class="col-sm-4" data-name="code-setting" data-code="f138"><span><i class="zmdi zmdi-code-setting zmdi-hc-fw"></i> <span>code-setting</span></span></div>

                                <div class="col-sm-4" data-name="code-smartphone" data-code="f139"><span><i class="zmdi zmdi-code-smartphone zmdi-hc-fw"></i> <span>code-smartphone</span></span></div>

                                <div class="col-sm-4" data-name="code" data-code="f13a"><span><i class="zmdi zmdi-code zmdi-hc-fw"></i> <span>code</span></span></div>

                                <div class="col-sm-4" data-name="coffee" data-code="f13b"><span><i class="zmdi zmdi-coffee zmdi-hc-fw"></i> <span>coffee</span></span></div>

                                <div class="col-sm-4" data-name="collection-bookmark" data-code="f13c"><span><i class="zmdi zmdi-collection-bookmark zmdi-hc-fw"></i> <span>collection-bookmark</span></span></div>

                                <div class="col-sm-4" data-name="collection-case-play" data-code="f13d"><span><i class="zmdi zmdi-collection-case-play zmdi-hc-fw"></i> <span>collection-case-play</span></span></div>

                                <div class="col-sm-4" data-name="collection-folder-image" data-code="f13e"><span><i class="zmdi zmdi-collection-folder-image zmdi-hc-fw"></i> <span>collection-folder-image</span></span></div>

                                <div class="col-sm-4" data-name="collection-image-o" data-code="f13f"><span><i class="zmdi zmdi-collection-image-o zmdi-hc-fw"></i> <span>collection-image-o</span></span></div>

                                <div class="col-sm-4" data-name="collection-image" data-code="f140"><span><i class="zmdi zmdi-collection-image zmdi-hc-fw"></i> <span>collection-image</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-1" data-code="f141"><span><i class="zmdi zmdi-collection-item-1 zmdi-hc-fw"></i> <span>collection-item-1</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-2" data-code="f142"><span><i class="zmdi zmdi-collection-item-2 zmdi-hc-fw"></i> <span>collection-item-2</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-3" data-code="f143"><span><i class="zmdi zmdi-collection-item-3 zmdi-hc-fw"></i> <span>collection-item-3</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-4" data-code="f144"><span><i class="zmdi zmdi-collection-item-4 zmdi-hc-fw"></i> <span>collection-item-4</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-5" data-code="f145"><span><i class="zmdi zmdi-collection-item-5 zmdi-hc-fw"></i> <span>collection-item-5</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-6" data-code="f146"><span><i class="zmdi zmdi-collection-item-6 zmdi-hc-fw"></i> <span>collection-item-6</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-7" data-code="f147"><span><i class="zmdi zmdi-collection-item-7 zmdi-hc-fw"></i> <span>collection-item-7</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-8" data-code="f148"><span><i class="zmdi zmdi-collection-item-8 zmdi-hc-fw"></i> <span>collection-item-8</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-9-plus" data-code="f149"><span><i class="zmdi zmdi-collection-item-9-plus zmdi-hc-fw"></i> <span>collection-item-9-plus</span></span></div>

                                <div class="col-sm-4" data-name="collection-item-9" data-code="f14a"><span><i class="zmdi zmdi-collection-item-9 zmdi-hc-fw"></i> <span>collection-item-9</span></span></div>

                                <div class="col-sm-4" data-name="collection-item" data-code="f14b"><span><i class="zmdi zmdi-collection-item zmdi-hc-fw"></i> <span>collection-item</span></span></div>

                                <div class="col-sm-4" data-name="collection-music" data-code="f14c"><span><i class="zmdi zmdi-collection-music zmdi-hc-fw"></i> <span>collection-music</span></span></div>

                                <div class="col-sm-4" data-name="collection-pdf" data-code="f14d"><span><i class="zmdi zmdi-collection-pdf zmdi-hc-fw"></i> <span>collection-pdf</span></span></div>

                                <div class="col-sm-4" data-name="collection-plus" data-code="f14e"><span><i class="zmdi zmdi-collection-plus zmdi-hc-fw"></i> <span>collection-plus</span></span></div>

                                <div class="col-sm-4" data-name="collection-speaker" data-code="f14f"><span><i class="zmdi zmdi-collection-speaker zmdi-hc-fw"></i> <span>collection-speaker</span></span></div>

                                <div class="col-sm-4" data-name="collection-text" data-code="f150"><span><i class="zmdi zmdi-collection-text zmdi-hc-fw"></i> <span>collection-text</span></span></div>

                                <div class="col-sm-4" data-name="collection-video" data-code="f151"><span><i class="zmdi zmdi-collection-video zmdi-hc-fw"></i> <span>collection-video</span></span></div>

                                <div class="col-sm-4" data-name="compass" data-code="f152"><span><i class="zmdi zmdi-compass zmdi-hc-fw"></i> <span>compass</span></span></div>

                                <div class="col-sm-4" data-name="cutlery" data-code="f153"><span><i class="zmdi zmdi-cutlery zmdi-hc-fw"></i> <span>cutlery</span></span></div>

                                <div class="col-sm-4" data-name="delete" data-code="f154"><span><i class="zmdi zmdi-delete zmdi-hc-fw"></i> <span>delete</span></span></div>

                                <div class="col-sm-4" data-name="dialpad" data-code="f155"><span><i class="zmdi zmdi-dialpad zmdi-hc-fw"></i> <span>dialpad</span></span></div>

                                <div class="col-sm-4" data-name="dns" data-code="f156"><span><i class="zmdi zmdi-dns zmdi-hc-fw"></i> <span>dns</span></span></div>

                                <div class="col-sm-4" data-name="drink" data-code="f157"><span><i class="zmdi zmdi-drink zmdi-hc-fw"></i> <span>drink</span></span></div>

                                <div class="col-sm-4" data-name="edit" data-code="f158"><span><i class="zmdi zmdi-edit zmdi-hc-fw"></i> <span>edit</span></span></div>

                                <div class="col-sm-4" data-name="email-open" data-code="f159"><span><i class="zmdi zmdi-email-open zmdi-hc-fw"></i> <span>email-open</span></span></div>

                                <div class="col-sm-4" data-name="email" data-code="f15a"><span><i class="zmdi zmdi-email zmdi-hc-fw"></i> <span>email</span></span></div>

                                <div class="col-sm-4" data-name="eye-off" data-code="f15b"><span><i class="zmdi zmdi-eye-off zmdi-hc-fw"></i> <span>eye-off</span></span></div>

                                <div class="col-sm-4" data-name="eye" data-code="f15c"><span><i class="zmdi zmdi-eye zmdi-hc-fw"></i> <span>eye</span></span></div>

                                <div class="col-sm-4" data-name="eyedropper" data-code="f15d"><span><i class="zmdi zmdi-eyedropper zmdi-hc-fw"></i> <span>eyedropper</span></span></div>

                                <div class="col-sm-4" data-name="favorite-outline" data-code="f15e"><span><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i> <span>favorite-outline</span></span></div>

                                <div class="col-sm-4" data-name="favorite" data-code="f15f"><span><i class="zmdi zmdi-favorite zmdi-hc-fw"></i> <span>favorite</span></span></div>

                                <div class="col-sm-4" data-name="filter-list" data-code="f160"><span><i class="zmdi zmdi-filter-list zmdi-hc-fw"></i> <span>filter-list</span></span></div>

                                <div class="col-sm-4" data-name="fire" data-code="f161"><span><i class="zmdi zmdi-fire zmdi-hc-fw"></i> <span>fire</span></span></div>

                                <div class="col-sm-4" data-name="flag" data-code="f162"><span><i class="zmdi zmdi-flag zmdi-hc-fw"></i> <span>flag</span></span></div>

                                <div class="col-sm-4" data-name="flare" data-code="f163"><span><i class="zmdi zmdi-flare zmdi-hc-fw"></i> <span>flare</span></span></div>

                                <div class="col-sm-4" data-name="flash-auto" data-code="f164"><span><i class="zmdi zmdi-flash-auto zmdi-hc-fw"></i> <span>flash-auto</span></span></div>

                                <div class="col-sm-4" data-name="flash-off" data-code="f165"><span><i class="zmdi zmdi-flash-off zmdi-hc-fw"></i> <span>flash-off</span></span></div>

                                <div class="col-sm-4" data-name="flash" data-code="f166"><span><i class="zmdi zmdi-flash zmdi-hc-fw"></i> <span>flash</span></span></div>

                                <div class="col-sm-4" data-name="flip" data-code="f167"><span><i class="zmdi zmdi-flip zmdi-hc-fw"></i> <span>flip</span></span></div>

                                <div class="col-sm-4" data-name="flower-alt" data-code="f168"><span><i class="zmdi zmdi-flower-alt zmdi-hc-fw"></i> <span>flower-alt</span></span></div>

                                <div class="col-sm-4" data-name="flower" data-code="f169"><span><i class="zmdi zmdi-flower zmdi-hc-fw"></i> <span>flower</span></span></div>

                                <div class="col-sm-4" data-name="font" data-code="f16a"><span><i class="zmdi zmdi-font zmdi-hc-fw"></i> <span>font</span></span></div>

                                <div class="col-sm-4" data-name="fullscreen-alt" data-code="f16b"><span><i class="zmdi zmdi-fullscreen-alt zmdi-hc-fw"></i> <span>fullscreen-alt</span></span></div>

                                <div class="col-sm-4" data-name="fullscreen-exit" data-code="f16c"><span><i class="zmdi zmdi-fullscreen-exit zmdi-hc-fw"></i> <span>fullscreen-exit</span></span></div>

                                <div class="col-sm-4" data-name="fullscreen" data-code="f16d"><span><i class="zmdi zmdi-fullscreen zmdi-hc-fw"></i> <span>fullscreen</span></span></div>

                                <div class="col-sm-4" data-name="functions" data-code="f16e"><span><i class="zmdi zmdi-functions zmdi-hc-fw"></i> <span>functions</span></span></div>

                                <div class="col-sm-4" data-name="gas-station" data-code="f16f"><span><i class="zmdi zmdi-gas-station zmdi-hc-fw"></i> <span>gas-station</span></span></div>

                                <div class="col-sm-4" data-name="gesture" data-code="f170"><span><i class="zmdi zmdi-gesture zmdi-hc-fw"></i> <span>gesture</span></span></div>

                                <div class="col-sm-4" data-name="globe-alt" data-code="f171"><span><i class="zmdi zmdi-globe-alt zmdi-hc-fw"></i> <span>globe-alt</span></span></div>

                                <div class="col-sm-4" data-name="globe-lock" data-code="f172"><span><i class="zmdi zmdi-globe-lock zmdi-hc-fw"></i> <span>globe-lock</span></span></div>

                                <div class="col-sm-4" data-name="globe" data-code="f173"><span><i class="zmdi zmdi-globe zmdi-hc-fw"></i> <span>globe</span></span></div>

                                <div class="col-sm-4" data-name="graduation-cap" data-code="f174"><span><i class="zmdi zmdi-graduation-cap zmdi-hc-fw"></i> <span>graduation-cap</span></span></div>

                                <div class="col-sm-4" data-name="group" data-code="f3e9"><span><i class="zmdi zmdi-group zmdi-hc-fw"></i> <span>group</span></span></div>

                                <div class="col-sm-4" data-name="home" data-code="f175"><span><i class="zmdi zmdi-home zmdi-hc-fw"></i> <span>home</span></span></div>

                                <div class="col-sm-4" data-name="hospital-alt" data-code="f176"><span><i class="zmdi zmdi-hospital-alt zmdi-hc-fw"></i> <span>hospital-alt</span></span></div>

                                <div class="col-sm-4" data-name="hospital" data-code="f177"><span><i class="zmdi zmdi-hospital zmdi-hc-fw"></i> <span>hospital</span></span></div>

                                <div class="col-sm-4" data-name="hotel" data-code="f178"><span><i class="zmdi zmdi-hotel zmdi-hc-fw"></i> <span>hotel</span></span></div>

                                <div class="col-sm-4" data-name="hourglass-alt" data-code="f179"><span><i class="zmdi zmdi-hourglass-alt zmdi-hc-fw"></i> <span>hourglass-alt</span></span></div>

                                <div class="col-sm-4" data-name="hourglass-outline" data-code="f17a"><span><i class="zmdi zmdi-hourglass-outline zmdi-hc-fw"></i> <span>hourglass-outline</span></span></div>

                                <div class="col-sm-4" data-name="hourglass" data-code="f17b"><span><i class="zmdi zmdi-hourglass zmdi-hc-fw"></i> <span>hourglass</span></span></div>

                                <div class="col-sm-4" data-name="http" data-code="f17c"><span><i class="zmdi zmdi-http zmdi-hc-fw"></i> <span>http</span></span></div>

                                <div class="col-sm-4" data-name="image-alt" data-code="f17d"><span><i class="zmdi zmdi-image-alt zmdi-hc-fw"></i> <span>image-alt</span></span></div>

                                <div class="col-sm-4" data-name="image-o" data-code="f17e"><span><i class="zmdi zmdi-image-o zmdi-hc-fw"></i> <span>image-o</span></span></div>

                                <div class="col-sm-4" data-name="image" data-code="f17f"><span><i class="zmdi zmdi-image zmdi-hc-fw"></i> <span>image</span></span></div>

                                <div class="col-sm-4" data-name="inbox" data-code="f180"><span><i class="zmdi zmdi-inbox zmdi-hc-fw"></i> <span>inbox</span></span></div>

                                <div class="col-sm-4" data-name="invert-colors-off" data-code="f181"><span><i class="zmdi zmdi-invert-colors-off zmdi-hc-fw"></i> <span>invert-colors-off</span></span></div>

                                <div class="col-sm-4" data-name="invert-colors" data-code="f182"><span><i class="zmdi zmdi-invert-colors zmdi-hc-fw"></i> <span>invert-colors</span></span></div>

                                <div class="col-sm-4" data-name="key" data-code="f183"><span><i class="zmdi zmdi-key zmdi-hc-fw"></i> <span>key</span></span></div>

                                <div class="col-sm-4" data-name="label-alt-outline" data-code="f184"><span><i class="zmdi zmdi-label-alt-outline zmdi-hc-fw"></i> <span>label-alt-outline</span></span></div>

                                <div class="col-sm-4" data-name="label-alt" data-code="f185"><span><i class="zmdi zmdi-label-alt zmdi-hc-fw"></i> <span>label-alt</span></span></div>

                                <div class="col-sm-4" data-name="label-heart" data-code="f186"><span><i class="zmdi zmdi-label-heart zmdi-hc-fw"></i> <span>label-heart</span></span></div>

                                <div class="col-sm-4" data-name="label" data-code="f187"><span><i class="zmdi zmdi-label zmdi-hc-fw"></i> <span>label</span></span></div>

                                <div class="col-sm-4" data-name="labels" data-code="f188"><span><i class="zmdi zmdi-labels zmdi-hc-fw"></i> <span>labels</span></span></div>

                                <div class="col-sm-4" data-name="lamp" data-code="f189"><span><i class="zmdi zmdi-lamp zmdi-hc-fw"></i> <span>lamp</span></span></div>

                                <div class="col-sm-4" data-name="landscape" data-code="f18a"><span><i class="zmdi zmdi-landscape zmdi-hc-fw"></i> <span>landscape</span></span></div>

                                <div class="col-sm-4" data-name="layers-off" data-code="f18b"><span><i class="zmdi zmdi-layers-off zmdi-hc-fw"></i> <span>layers-off</span></span></div>

                                <div class="col-sm-4" data-name="layers" data-code="f18c"><span><i class="zmdi zmdi-layers zmdi-hc-fw"></i> <span>layers</span></span></div>

                                <div class="col-sm-4" data-name="library" data-code="f18d"><span><i class="zmdi zmdi-library zmdi-hc-fw"></i> <span>library</span></span></div>

                                <div class="col-sm-4" data-name="link" data-code="f18e"><span><i class="zmdi zmdi-link zmdi-hc-fw"></i> <span>link</span></span></div>

                                <div class="col-sm-4" data-name="lock-open" data-code="f18f"><span><i class="zmdi zmdi-lock-open zmdi-hc-fw"></i> <span>lock-open</span></span></div>

                                <div class="col-sm-4" data-name="lock-outline" data-code="f190"><span><i class="zmdi zmdi-lock-outline zmdi-hc-fw"></i> <span>lock-outline</span></span></div>

                                <div class="col-sm-4" data-name="lock" data-code="f191"><span><i class="zmdi zmdi-lock zmdi-hc-fw"></i> <span>lock</span></span></div>

                                <div class="col-sm-4" data-name="mail-reply-all" data-code="f192"><span><i class="zmdi zmdi-mail-reply-all zmdi-hc-fw"></i> <span>mail-reply-all</span></span></div>

                                <div class="col-sm-4" data-name="mail-reply" data-code="f193"><span><i class="zmdi zmdi-mail-reply zmdi-hc-fw"></i> <span>mail-reply</span></span></div>

                                <div class="col-sm-4" data-name="mail-send" data-code="f194"><span><i class="zmdi zmdi-mail-send zmdi-hc-fw"></i> <span>mail-send</span></span></div>

                                <div class="col-sm-4" data-name="mall" data-code="f195"><span><i class="zmdi zmdi-mall zmdi-hc-fw"></i> <span>mall</span></span></div>

                                <div class="col-sm-4" data-name="map" data-code="f196"><span><i class="zmdi zmdi-map zmdi-hc-fw"></i> <span>map</span></span></div>

                                <div class="col-sm-4" data-name="menu" data-code="f197"><span><i class="zmdi zmdi-menu zmdi-hc-fw"></i> <span>menu</span></span></div>

                                <div class="col-sm-4" data-name="money-box" data-code="f198"><span><i class="zmdi zmdi-money-box zmdi-hc-fw"></i> <span>money-box</span></span></div>

                                <div class="col-sm-4" data-name="money-off" data-code="f199"><span><i class="zmdi zmdi-money-off zmdi-hc-fw"></i> <span>money-off</span></span></div>

                                <div class="col-sm-4" data-name="money" data-code="f19a"><span><i class="zmdi zmdi-money zmdi-hc-fw"></i> <span>money</span></span></div>

                                <div class="col-sm-4" data-name="more-vert" data-code="f19b"><span><i class="zmdi zmdi-more-vert zmdi-hc-fw"></i> <span>more-vert</span></span></div>

                                <div class="col-sm-4" data-name="more" data-code="f19c"><span><i class="zmdi zmdi-more zmdi-hc-fw"></i> <span>more</span></span></div>

                                <div class="col-sm-4" data-name="movie-alt" data-code="f19d"><span><i class="zmdi zmdi-movie-alt zmdi-hc-fw"></i> <span>movie-alt</span></span></div>

                                <div class="col-sm-4" data-name="movie" data-code="f19e"><span><i class="zmdi zmdi-movie zmdi-hc-fw"></i> <span>movie</span></span></div>

                                <div class="col-sm-4" data-name="nature-people" data-code="f19f"><span><i class="zmdi zmdi-nature-people zmdi-hc-fw"></i> <span>nature-people</span></span></div>

                                <div class="col-sm-4" data-name="nature" data-code="f1a0"><span><i class="zmdi zmdi-nature zmdi-hc-fw"></i> <span>nature</span></span></div>

                                <div class="col-sm-4" data-name="navigation" data-code="f1a1"><span><i class="zmdi zmdi-navigation zmdi-hc-fw"></i> <span>navigation</span></span></div>

                                <div class="col-sm-4" data-name="open-in-browser" data-code="f1a2"><span><i class="zmdi zmdi-open-in-browser zmdi-hc-fw"></i> <span>open-in-browser</span></span></div>

                                <div class="col-sm-4" data-name="open-in-new" data-code="f1a3"><span><i class="zmdi zmdi-open-in-new zmdi-hc-fw"></i> <span>open-in-new</span></span></div>

                                <div class="col-sm-4" data-name="palette" data-code="f1a4"><span><i class="zmdi zmdi-palette zmdi-hc-fw"></i> <span>palette</span></span></div>

                                <div class="col-sm-4" data-name="parking" data-code="f1a5"><span><i class="zmdi zmdi-parking zmdi-hc-fw"></i> <span>parking</span></span></div>

                                <div class="col-sm-4" data-name="pin-account" data-code="f1a6"><span><i class="zmdi zmdi-pin-account zmdi-hc-fw"></i> <span>pin-account</span></span></div>

                                <div class="col-sm-4" data-name="pin-assistant" data-code="f1a7"><span><i class="zmdi zmdi-pin-assistant zmdi-hc-fw"></i> <span>pin-assistant</span></span></div>

                                <div class="col-sm-4" data-name="pin-drop" data-code="f1a8"><span><i class="zmdi zmdi-pin-drop zmdi-hc-fw"></i> <span>pin-drop</span></span></div>

                                <div class="col-sm-4" data-name="pin-help" data-code="f1a9"><span><i class="zmdi zmdi-pin-help zmdi-hc-fw"></i> <span>pin-help</span></span></div>

                                <div class="col-sm-4" data-name="pin-off" data-code="f1aa"><span><i class="zmdi zmdi-pin-off zmdi-hc-fw"></i> <span>pin-off</span></span></div>

                                <div class="col-sm-4" data-name="pin" data-code="f1ab"><span><i class="zmdi zmdi-pin zmdi-hc-fw"></i> <span>pin</span></span></div>

                                <div class="col-sm-4" data-name="pizza" data-code="f1ac"><span><i class="zmdi zmdi-pizza zmdi-hc-fw"></i> <span>pizza</span></span></div>

                                <div class="col-sm-4" data-name="plaster" data-code="f1ad"><span><i class="zmdi zmdi-plaster zmdi-hc-fw"></i> <span>plaster</span></span></div>

                                <div class="col-sm-4" data-name="power-setting" data-code="f1ae"><span><i class="zmdi zmdi-power-setting zmdi-hc-fw"></i> <span>power-setting</span></span></div>

                                <div class="col-sm-4" data-name="power" data-code="f1af"><span><i class="zmdi zmdi-power zmdi-hc-fw"></i> <span>power</span></span></div>

                                <div class="col-sm-4" data-name="print" data-code="f1b0"><span><i class="zmdi zmdi-print zmdi-hc-fw"></i> <span>print</span></span></div>

                                <div class="col-sm-4" data-name="puzzle-piece" data-code="f1b1"><span><i class="zmdi zmdi-puzzle-piece zmdi-hc-fw"></i> <span>puzzle-piece</span></span></div>

                                <div class="col-sm-4" data-name="quote" data-code="f1b2"><span><i class="zmdi zmdi-quote zmdi-hc-fw"></i> <span>quote</span></span></div>

                                <div class="col-sm-4" data-name="railway" data-code="f1b3"><span><i class="zmdi zmdi-railway zmdi-hc-fw"></i> <span>railway</span></span></div>

                                <div class="col-sm-4" data-name="receipt" data-code="f1b4"><span><i class="zmdi zmdi-receipt zmdi-hc-fw"></i> <span>receipt</span></span></div>

                                <div class="col-sm-4" data-name="refresh-alt" data-code="f1b5"><span><i class="zmdi zmdi-refresh-alt zmdi-hc-fw"></i> <span>refresh-alt</span></span></div>

                                <div class="col-sm-4" data-name="refresh-sync-alert" data-code="f1b6"><span><i class="zmdi zmdi-refresh-sync-alert zmdi-hc-fw"></i> <span>refresh-sync-alert</span></span></div>

                                <div class="col-sm-4" data-name="refresh-sync-off" data-code="f1b7"><span><i class="zmdi zmdi-refresh-sync-off zmdi-hc-fw"></i> <span>refresh-sync-off</span></span></div>

                                <div class="col-sm-4" data-name="refresh-sync" data-code="f1b8"><span><i class="zmdi zmdi-refresh-sync zmdi-hc-fw"></i> <span>refresh-sync</span></span></div>

                                <div class="col-sm-4" data-name="refresh" data-code="f1b9"><span><i class="zmdi zmdi-refresh zmdi-hc-fw"></i> <span>refresh</span></span></div>

                                <div class="col-sm-4" data-name="roller" data-code="f1ba"><span><i class="zmdi zmdi-roller zmdi-hc-fw"></i> <span>roller</span></span></div>

                                <div class="col-sm-4" data-name="ruler" data-code="f1bb"><span><i class="zmdi zmdi-ruler zmdi-hc-fw"></i> <span>ruler</span></span></div>

                                <div class="col-sm-4" data-name="scissors" data-code="f1bc"><span><i class="zmdi zmdi-scissors zmdi-hc-fw"></i> <span>scissors</span></span></div>

                                <div class="col-sm-4" data-name="screen-rotation-lock" data-code="f1bd"><span><i class="zmdi zmdi-screen-rotation-lock zmdi-hc-fw"></i> <span>screen-rotation-lock</span></span></div>

                                <div class="col-sm-4" data-name="screen-rotation" data-code="f1be"><span><i class="zmdi zmdi-screen-rotation zmdi-hc-fw"></i> <span>screen-rotation</span></span></div>

                                <div class="col-sm-4" data-name="search-for" data-code="f1bf"><span><i class="zmdi zmdi-search-for zmdi-hc-fw"></i> <span>search-for</span></span></div>

                                <div class="col-sm-4" data-name="search-in-file" data-code="f1c0"><span><i class="zmdi zmdi-search-in-file zmdi-hc-fw"></i> <span>search-in-file</span></span></div>

                                <div class="col-sm-4" data-name="search-in-page" data-code="f1c1"><span><i class="zmdi zmdi-search-in-page zmdi-hc-fw"></i> <span>search-in-page</span></span></div>

                                <div class="col-sm-4" data-name="search-replace" data-code="f1c2"><span><i class="zmdi zmdi-search-replace zmdi-hc-fw"></i> <span>search-replace</span></span></div>

                                <div class="col-sm-4" data-name="search" data-code="f1c3"><span><i class="zmdi zmdi-search zmdi-hc-fw"></i> <span>search</span></span></div>

                                <div class="col-sm-4" data-name="seat" data-code="f1c4"><span><i class="zmdi zmdi-seat zmdi-hc-fw"></i> <span>seat</span></span></div>

                                <div class="col-sm-4" data-name="settings-square" data-code="f1c5"><span><i class="zmdi zmdi-settings-square zmdi-hc-fw"></i> <span>settings-square</span></span></div>

                                <div class="col-sm-4" data-name="settings" data-code="f1c6"><span><i class="zmdi zmdi-settings zmdi-hc-fw"></i> <span>settings</span></span></div>

                                <div class="col-sm-4" data-name="shape" data-code="f3eb"><span><i class="zmdi zmdi-shape zmdi-hc-fw"></i> <span>shape</span></span></div>

                                <div class="col-sm-4" data-name="shield-check" data-code="f1c7"><span><i class="zmdi zmdi-shield-check zmdi-hc-fw"></i> <span>shield-check</span></span></div>

                                <div class="col-sm-4" data-name="shield-security" data-code="f1c8"><span><i class="zmdi zmdi-shield-security zmdi-hc-fw"></i> <span>shield-security</span></span></div>

                                <div class="col-sm-4" data-name="shopping-basket" data-code="f1c9"><span><i class="zmdi zmdi-shopping-basket zmdi-hc-fw"></i> <span>shopping-basket</span></span></div>

                                <div class="col-sm-4" data-name="shopping-cart-plus" data-code="f1ca"><span><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i> <span>shopping-cart-plus</span></span></div>

                                <div class="col-sm-4" data-name="shopping-cart" data-code="f1cb"><span><i class="zmdi zmdi-shopping-cart zmdi-hc-fw"></i> <span>shopping-cart</span></span></div>

                                <div class="col-sm-4" data-name="sign-in" data-code="f1cc"><span><i class="zmdi zmdi-sign-in zmdi-hc-fw"></i> <span>sign-in</span></span></div>

                                <div class="col-sm-4" data-name="sort-amount-asc" data-code="f1cd"><span><i class="zmdi zmdi-sort-amount-asc zmdi-hc-fw"></i> <span>sort-amount-asc</span></span></div>

                                <div class="col-sm-4" data-name="sort-amount-desc" data-code="f1ce"><span><i class="zmdi zmdi-sort-amount-desc zmdi-hc-fw"></i> <span>sort-amount-desc</span></span></div>

                                <div class="col-sm-4" data-name="sort-asc" data-code="f1cf"><span><i class="zmdi zmdi-sort-asc zmdi-hc-fw"></i> <span>sort-asc</span></span></div>

                                <div class="col-sm-4" data-name="sort-desc" data-code="f1d0"><span><i class="zmdi zmdi-sort-desc zmdi-hc-fw"></i> <span>sort-desc</span></span></div>

                                <div class="col-sm-4" data-name="spellcheck" data-code="f1d1"><span><i class="zmdi zmdi-spellcheck zmdi-hc-fw"></i> <span>spellcheck</span></span></div>

                                <div class="col-sm-4" data-name="spinner" data-code="f3ec"><span><i class="zmdi zmdi-spinner zmdi-hc-fw"></i> <span>spinner</span></span></div>

                                <div class="col-sm-4" data-name="storage" data-code="f1d2"><span><i class="zmdi zmdi-storage zmdi-hc-fw"></i> <span>storage</span></span></div>

                                <div class="col-sm-4" data-name="store-24" data-code="f1d3"><span><i class="zmdi zmdi-store-24 zmdi-hc-fw"></i> <span>store-24</span></span></div>

                                <div class="col-sm-4" data-name="store" data-code="f1d4"><span><i class="zmdi zmdi-store zmdi-hc-fw"></i> <span>store</span></span></div>

                                <div class="col-sm-4" data-name="subway" data-code="f1d5"><span><i class="zmdi zmdi-subway zmdi-hc-fw"></i> <span>subway</span></span></div>

                                <div class="col-sm-4" data-name="sun" data-code="f1d6"><span><i class="zmdi zmdi-sun zmdi-hc-fw"></i> <span>sun</span></span></div>

                                <div class="col-sm-4" data-name="tab-unselected" data-code="f1d7"><span><i class="zmdi zmdi-tab-unselected zmdi-hc-fw"></i> <span>tab-unselected</span></span></div>

                                <div class="col-sm-4" data-name="tab" data-code="f1d8"><span><i class="zmdi zmdi-tab zmdi-hc-fw"></i> <span>tab</span></span></div>

                                <div class="col-sm-4" data-name="tag-close" data-code="f1d9"><span><i class="zmdi zmdi-tag-close zmdi-hc-fw"></i> <span>tag-close</span></span></div>

                                <div class="col-sm-4" data-name="tag-more" data-code="f1da"><span><i class="zmdi zmdi-tag-more zmdi-hc-fw"></i> <span>tag-more</span></span></div>

                                <div class="col-sm-4" data-name="tag" data-code="f1db"><span><i class="zmdi zmdi-tag zmdi-hc-fw"></i> <span>tag</span></span></div>

                                <div class="col-sm-4" data-name="thumb-down" data-code="f1dc"><span><i class="zmdi zmdi-thumb-down zmdi-hc-fw"></i> <span>thumb-down</span></span></div>

                                <div class="col-sm-4" data-name="thumb-up-down" data-code="f1dd"><span><i class="zmdi zmdi-thumb-up-down zmdi-hc-fw"></i> <span>thumb-up-down</span></span></div>

                                <div class="col-sm-4" data-name="thumb-up" data-code="f1de"><span><i class="zmdi zmdi-thumb-up zmdi-hc-fw"></i> <span>thumb-up</span></span></div>

                                <div class="col-sm-4" data-name="ticket-star" data-code="f1df"><span><i class="zmdi zmdi-ticket-star zmdi-hc-fw"></i> <span>ticket-star</span></span></div>

                                <div class="col-sm-4" data-name="toll" data-code="f1e0"><span><i class="zmdi zmdi-toll zmdi-hc-fw"></i> <span>toll</span></span></div>

                                <div class="col-sm-4" data-name="toys" data-code="f1e1"><span><i class="zmdi zmdi-toys zmdi-hc-fw"></i> <span>toys</span></span></div>

                                <div class="col-sm-4" data-name="traffic" data-code="f1e2"><span><i class="zmdi zmdi-traffic zmdi-hc-fw"></i> <span>traffic</span></span></div>

                                <div class="col-sm-4" data-name="translate" data-code="f1e3"><span><i class="zmdi zmdi-translate zmdi-hc-fw"></i> <span>translate</span></span></div>

                                <div class="col-sm-4" data-name="triangle-down" data-code="f1e4"><span><i class="zmdi zmdi-triangle-down zmdi-hc-fw"></i> <span>triangle-down</span></span></div>

                                <div class="col-sm-4" data-name="triangle-up" data-code="f1e5"><span><i class="zmdi zmdi-triangle-up zmdi-hc-fw"></i> <span>triangle-up</span></span></div>

                                <div class="col-sm-4" data-name="truck" data-code="f1e6"><span><i class="zmdi zmdi-truck zmdi-hc-fw"></i> <span>truck</span></span></div>

                                <div class="col-sm-4" data-name="turning-sign" data-code="f1e7"><span><i class="zmdi zmdi-turning-sign zmdi-hc-fw"></i> <span>turning-sign</span></span></div>

                                <div class="col-sm-4" data-name="ungroup" data-code="f3ed"><span><i class="zmdi zmdi-ungroup zmdi-hc-fw"></i> <span>ungroup</span></span></div>

                                <div class="col-sm-4" data-name="wallpaper" data-code="f1e8"><span><i class="zmdi zmdi-wallpaper zmdi-hc-fw"></i> <span>wallpaper</span></span></div>

                                <div class="col-sm-4" data-name="washing-machine" data-code="f1e9"><span><i class="zmdi zmdi-washing-machine zmdi-hc-fw"></i> <span>washing-machine</span></span></div>

                                <div class="col-sm-4" data-name="window-maximize" data-code="f1ea"><span><i class="zmdi zmdi-window-maximize zmdi-hc-fw"></i> <span>window-maximize</span></span></div>

                                <div class="col-sm-4" data-name="window-minimize" data-code="f1eb"><span><i class="zmdi zmdi-window-minimize zmdi-hc-fw"></i> <span>window-minimize</span></span></div>

                                <div class="col-sm-4" data-name="window-restore" data-code="f1ec"><span><i class="zmdi zmdi-window-restore zmdi-hc-fw"></i> <span>window-restore</span></span></div>

                                <div class="col-sm-4" data-name="wrench" data-code="f1ed"><span><i class="zmdi zmdi-wrench zmdi-hc-fw"></i> <span>wrench</span></span></div>

                                <div class="col-sm-4" data-name="zoom-in" data-code="f1ee"><span><i class="zmdi zmdi-zoom-in zmdi-hc-fw"></i> <span>zoom-in</span></span></div>

                                <div class="col-sm-4" data-name="zoom-out" data-code="f1ef"><span><i class="zmdi zmdi-zoom-out zmdi-hc-fw"></i> <span>zoom-out</span></span></div>

                            </div>
                        </div>
                    </div>


                    
                </div>

                <footer class="footer hidden-xs-down">
                    <p>© Super Admin Responsive. All rights reserved.</p>

                    <ul class="nav footer__nav">
                        <a class="nav-link" href="">Homepage</a>

                        <a class="nav-link" href="">Company</a>

                        <a class="nav-link" href="">Support</a>

                        <a class="nav-link" href="">News</a>

                        <a class="nav-link" href="">Contacts</a>
                    </ul>
                </footer>
            </section>
        </main>

        <!-- Older IE warning message -->
            <!--[if IE]>
                <div class="ie-warning">
                    <h1>Warning!!</h1>
                    <p>You are using an outdated version of Internet Explorer, please upgrade to any of the following web browsers to access this website.</p>

                    <div class="ie-warning__downloads">
                        <a href="/www.google.com/chrome">
                            <img src="img/browsers/chrome.png" alt="">
                        </a>

                        <a href="https://www.mozilla.org/en-US/firefox/new">
                            <img src="img/browsers/firefox.png" alt="">
                        </a>

                        <a href="/www.opera.com">
                            <img src="img/browsers/opera.png" alt="">
                        </a>

                        <a href="https://support.apple.com/downloads/safari">
                            <img src="img/browsers/safari.png" alt="">
                        </a>

                        <a href="https://www.microsoft.com/en-us/windows/microsoft-edge">
                            <img src="img/browsers/edge.png" alt="">
                        </a>

                        <a href="/windows.microsoft.com/en-us/internet-explorer/download-ie">
                            <img src="img/browsers/ie.png" alt="">
                        </a>
                    </div>
                    <p>Sorry for the inconvenience!</p>
                </div>
            <![endif]-->

        <!-- Javascript -->
        <!-- Vendors -->
        <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script src="vendors/bower_components/popper.js/dist/umd/popper.min.js"></script>
        <script src="vendors/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        <script src="vendors/bower_components/jquery.scrollbar/jquery.scrollbar.min.js"></script>
        <script src="vendors/bower_components/jquery-scrollLock/jquery-scrollLock.min.js"></script>

        <!-- App functions and actions -->
        <script src="js/app.min.js"></script>
    </body>
</html>